<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <script>
    let arr = [1, 2, 3]
    arr.push(5)//在后面加一个元素5
    console.log(arr);
    // 
    arr.pop()//从后面删除元素，只能删一个，返回值是删除的元素
    console.log(arr);
    console.log(arr.pop());
    console.log(arr);

    // arr.shift()//前面删除一个元素，返回值是删除的元素
    console.log(arr.shift())
    console.log(arr);

    // unshift从数组前面添加元素，可以添加多个
    arr.unshift(5, 6, 9)
    console.log(arr);

    // splice从第几个数开始删除，第一个数字是下标，要删除几个数，返回值是删除的数字
    console.log(arr.splice(1, 2));
    console.log(arr);


    // arr.concat(1, 2, 9, 8)连接两个数组，返回值为连接后的新数组
    arr = arr.concat(1, 2, 9, 8, 56)
    console.log(arr.concat(1, 2, 9, 8));
    console.log(arr);

    // str.split将字符串转化成数组
    let str = "1,5,6,56,4,54,4"
    let str1 = "123456"
    let arr2 = str1.split('')
    console.log(str.split());
    console.log(str.split(''));
    console.log(str1.split(''));
    console.log(str);
    console.log('\n\narr2', arr2);

    // 字符串排序，但不是从小到大进行排的。.sort
    console.log(arr);
    console.log(arr.sort());

    // 字符串反转.reverse,返回值是翻转后的数组
    console.log(arr2);
    arr2.reverse()
    console.log(arr2);


    // 切去下标start到下标end的值
    // 返回值是切出来的数组
    // arr.splice(start,end)
    console.log(arr);
    console.log('\nsplice', arr.splice(1, 3));
    console.log(arr);

    // .filiter()过滤数组，返回一个满足要求的新数组
    console.log(arr);
    arr = arr.filter((i, v) => i < 3)
    console.log(arr);

    //将括号里面所有值创建一个数组，可以是不同类型 
    console.log(Array.of(1, 5, 8, 'a'));


  </script>
</head>


<body>

</body>

</html>